﻿<!DOCTYPE HTML>
<html>
<head>
<title>QualityLife | Inícios </title>
<link href="web/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="web/css/style.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--<link href="web/css/style.css" rel="stylesheet" type="text/css" media="all" />-->
<script src="web/js/jquery.min.js"></script>
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
	
<script language="JavaScript">
 function validarDados() {
     if (document.dados.userMail.value == "" || document.dados.userMail.value.indexOf('@') == -1 || document.dados.userMail.value.indexOf('.') == -1) {
         alert("Preencha campo E-MAIL corretamente!");
         document.dados.userMail.focus();
         return false;
     }
     return true;
 }
</script>
<!-- grid-slider -->
<script type="text/javascript" src="web/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="web/js/jquery.contentcarousel.js"></script>
<script type="text/javascript" src="web/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="web/js/jquery.wmuSlider.js"></script>
<!-- //grid-slider -->
</head>
<body>
 <!-- start header_top -->
	<div class="header">
	   <div class="container">
		  <div class="header-text">
			<h1><img src="web/images/logo_nova_2.png"  style="max-width:100%;" alt=""/></h1>
			<!-- <h2>A melhor escolha para sua vida</h2>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna</p>
			<div class="banner_btn">
				<a href="#">Saiba Mais</a>
			</div> -->
		  </div>
		  <div class="header-arrow">
		     <a href="#menu" class="class scroll"><span> </span </a>
		  </div>
	    </div>
	  </div>
	<!-- end header_top -->
	<!-- start header_bottom -->
	  <div class="header-bottom">
		 <div class="container">
			<div class="header-bottom_left">
				<i class="phone"> </i><span>(47) 3323-7911</span>
			</div>
			<div class="social">	
			   <ul>	
				  <li class="facebook"><a href="#"><span></span></a></li>
				  <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FQualitylifefernando%3Ffref%3Dts&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;width: 180px;" allowTransparency="true"></iframe>							
			   </ul>
		   </div>
		   <div class="clear"></div>
		</div>
	  </div>
	<!-- end header_bottom -->
	<!-- start menu -->
    <div class="menu" id="menu">
	  <div class="container">
		 <div class="logo">
			<a href="index.html"><img src="web/images/logo.png" alt="" style="max-width:100%;"/></a>
		 </div>
		 <div class="h_menu4"><!-- start h_menu4 -->
		   <a class="toggleMenu" href="#">Menu</a>
			 <ul class="nav">
			   <li class="active"><a href="index.html">Início</a></li>
			   <li><a href="about.html">A Academia</a></li>
			   <li><a href="photos.html">Fotos</a></li>
			   <!-- <li><a href="trainers.html">Treinos</a></li> -->
			   <li><a href="classes.html">Modalidades</a></li>
			   <li><a href="space.html">O espaço</a></li>
<!-- 			   <li><a href="pricing.html">Preços</a></li> -->
			   <li><a href="contact.html">Contatos</a></li>
			 </ul>
			  <script type="text/javascript" src="web/js/nav.js"></script>
		  </div><!-- end h_menu4 -->
		 <div class="clear"></div>
	  </div>
	</div>
	<!-- end menu -->
	 <div class="main">
		 <div class="container">
		 <div class="row content-top" style="width: 100%;">
			<div class="wmuSlider example1 section" id="section-1">
			   <article style="position: absolute; width: 100%; opacity: 0;"> 
			   	   	<div class="banner-info">
						<div class="col-md-5">
							<img src="web/images/slider/1.png" class="img-responsive" alt=""/> 
						</div>
						<div class="col-md-7 content_left_text">
							<h3>Você Pode Mais!</h3>
							<p>A vida já possui muito obstáculos, não deixe seu corpo se tornar mais um. Pratique exercícios e faça você se sentir bem. Venha para a QualityLife Fitness Club</p>
						</div>
						<a href="#"><i class="tick"></i></a>
						<div class="clearfix"> </div>
					</div>
				</article>
				<article style="position: absolute; width: 100%; opacity: 0;"> 
			   	   	<div class="banner-info">
						<div class="col-md-5">
							<img src="web/images/slider/5.png" class="img-responsive" alt=""/> 
						</div>
						<div class="col-md-7 content_left_text">
							<h3>Venha conhecer a Quality</h3>
							<p>Venha até a Quality conhecer nossa estrutura e fazer uma aula e conheça também nossos equipamentos.</p>
						</div>
						
						<a href="#"><i class="tick"></i></a>
						<div class="clearfix"> </div>
					</div>
				</article>
				<article style="position: absolute; width: 100%; opacity: 0;"> 
			   	   	<div class="banner-info">
						<div class="col-md-5">
							<img src="web/images/slider/6.png" class="img-responsive" alt=""/> 
						</div>
						<div class="col-md-7 content_left_text">
							<h3>Conheça Nossos Professores!</h3>
							<p>Equipe altamente treinada e qualificada para melhor atender você.</p>
						</div>
						<a href="#"><i class="tick"></i></a>
						<div class="clearfix"> </div>
					</div>
				</article>
				
		  </div>	
		</div>
		</div>
		<!-- script -->
          <script src="js/jquery.wmuSlider.js"></script> 
			<script>
       			$('.example1').wmuSlider();         
   		    </script>
			<!-- script -->	
			
		<!-- end content-top -->
		<div class="container">
		    <div class="row content-middle">
		      <!-- start content-middle -->
	 	    	<div class="col-md-4"><a href="classes.html">
	 	    		<ul class="spinning">
	 	    			<li class="live">Muscu<span class="m_1">lação</span></li>
	 	    			<li class="room">+++</li>
	 	    			<div class="clear"></div>	
	 	    		</ul>
					 <div class="view view-fifth">
				  	   <img src="web/images/modalidades/musculacao.jpg" class="img-responsive" alt=""/>
					      <div class="mask">
	                       	<div class="info">Saiba Mais</div>
			              </div>
	                  </div>
			     </a></div>
				 <div class="col-md-4"><a href="classes.html">
	 	    		<ul class="spinning">
	 	    			<li class="live">Ginás<span class="m_1">tica</span></li>
	 	    			<li class="room">++</li>
	 	    			<div class="clear"></div>	
	 	    		</ul>
					 <div class="view view-fifth">
				  	   <img src="web/images/modalidades/ginastica.jpg" class="img-responsive"  alt=""/>
					      <div class="mask">
	                       	<div class="info">Saiba Mais</div>
			              </div>
	                  </div>
			     </a></div>
				 <div class="col-md-4"><a href="classes.html">
	 	    		<ul class="spinning">
	 	    			<li class="live">Lut<span class="m_1">as</span></li>
	 	    			<li class="room">+++</li>
	 	    			<div class="clear"></div>	
	 	    		</ul>
					 <div class="view view-fifth">
				  	   <img src="web/images/modalidades/luta.jpg" class="img-responsive" alt=""/>
					      <div class="mask">
	                       	<div class="info">Saiba Mais</div>
			              </div>
	                  </div>
			     </a></div>
				 <div class="col-md-4"><a href="classes.html">
	 	    		<ul class="spinning">
	 	    			<li class="live">Nata<span class="m_1">ção</span></li>
	 	    			<li class="room">+++</li>
	 	    			<div class="clear"></div>	
	 	    		</ul>
					 <div class="view view-fifth">
				  	   <img src="web/images/modalidades/natacao.jpg" class="img-responsive" alt=""/>
					      <div class="mask">
	                       	<div class="info">Saiba Mais</div>
			              </div>
	                  </div>
			     </a></div>
				 <div class="col-md-4"><a href="classes.html">
	 	    		<ul class="spinning">
	 	    			<li class="live">Hidro<span class="m_1">ginástica</span></li>
	 	    			<li class="room">+++</li>
	 	    			<div class="clear"></div>	
	 	    		</ul>
					 <div class="view view-fifth">
				  	   <img src="web/images/modalidades/hidroginastica.jpg" class="img-responsive" alt=""/>
					      <div class="mask">
	                       	<div class="info">Saiba Mais</div>
			              </div>
	                  </div>
			     </a></div>
				 <div class="col-md-4"><a href="classes.html">
	 	    		<ul class="spinning">
	 	    			<li class="live">Pil<span class="m_1">ates</span></li>
	 	    			<li class="room">+++</li>
	 	    			<div class="clear"></div>	
	 	    		</ul>
					 <div class="view view-fifth">
				  	   <img src="web/images/modalidades/pilates.jpg" class="img-responsive" alt=""/>
					      <div class="mask">
	                       	<div class="info">Saiba Mais</div>
			              </div>
	                  </div>
			     </a></div>
				<div class="clear"></div>
		   </div>
		  <!-- end content-middle -->

          <div class="row about">
			<div class="col-md-10">
			<div class="blog_events" style="padding:0px;">
					 <img src="web/images/promotion_002.jpg" style="max-width: 100%;" />			  
					 </div>
			</div>
			<div class="col-md-2" style="margin-top: 0px;">
				  <h3 class="m_4">Sorteio!!!</h3>
				  <div class="members">
				   <h4 class="m_3">Mais um Mega sorteio</h4>
				   <p>Confira o regulamento.</p>
				   <div class="btn1">
				    <a href="promotion.html">Aqui</a>
			       </div>
				  </div>
			    </div>
			<div class="clear"></div>
			</div>

		   <div class="row about">
		      <div class="col-md-8">
		     	 <h3 class="m_2">Curta a Quality Life</h3>
		     	 <div class="classes">
					<iframe src="https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FQualitylifefernando%3Ffref%3Dts&amp;width&amp;height=500&amp;colorscheme=dark&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:250px;width:100%;" allowTransparency="true"></iframe>
		     	 	<div class="clear"></div>
		     	 </div>
				</div>
				
				 <div class="col-md-4" style="margin-top: 0px;">
				  <h3 class="m_4">Preços de Adesão</h3>
				  <div class="members">
				   <h4 class="m_3">Preços especial para familiares</h4>
				   <p>Confira todas as promoções  <br> que a QualityLife oferece para você.<br> Não fique parado.</p>
				   <div class="btn1">
				    <a href="classes.html">Mais</a>
			       </div>
				  </div>
			    </div>
			    <div class="clear"></div>
			</div>
		    <div class="row content_middle_bottom">
			  <div class="col-md-4">
		        <h3 class="m_2">Nossos Profissionais</h3>
		         <div class="course_demo">
		          <ul id="flexiselDemo3">	
					<li>
    <img src="web/images/professores/fernando_moraes_felisbino.jpg" />
    <div class="desc">
        <h3>
            Fernando Moraes Felisbino
            <br>
            <span class="m_text">
                Proprietário/ Coordenador
            </span>
        </h3>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/edilza_silva_nascimento.jpg" />
    <div class="desc">
        <h3>
            Edilza Silva do Nascimento
            <br>
            <span class="m_text">
                Recepção
            </span>
        </h3>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/francieli_borges_ventura.jpg" />
    <div class="desc">
        <h3>
            Francieli Borges Ventura
            <br>
            <span class="m_text">Recepção</span>
        </h3>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/joao_paulo_voitena.jpg" />
    <div class="desc">
        <h3>
            João Paulo Voitena
            <br>
            <span class="m_text">Musculação</span>
        </h3>
        <p>Licenciatura | Bacharel(cursando)</p>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/tania_marcia_miranda.jpg" />
    <div class="desc">
        <h3>
            Tânia Marcia Miranda
            <br>
            <span class="m_text">Musculação</span>
        </h3>
        <p>Licenciatura | Bacharel(cursando)</p>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/elizandra_david.jpg" />
    <div class="desc">
        <h3>
			Elizandra David
            <br>
            <span class="m_text">Musculação</span>
        </h3>
        <p>Bacharel</p>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/adilson_lino_junior.jpg" />
    <div class="desc">
        <h3>
			Adilson Lino Junior
            <br>
            <span class="m_text">Musculação</span>
        </h3>
        <p>Licenciatura | Bacharel(cursando)</p>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/leandro_rosa.jpg" />
    <div class="desc">
        <h3>
			Leandro da Rosa
            <br>
            <span class="m_text">Musculação</span>
        </h3>
        <p>Bacharel</p>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/elisiane_giolioli.jpg" />
    <div class="desc">
        <h3>
			Elisiane Gilioli
            <br>
            <span class="m_text">Musculação</span>
        </h3>
        <p>Licenciatura | Bacharel</p>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/jean_carlos_fiedler.jpg" />
    <div class="desc">
        <h3>
			Jean Carlos Fiedler
            <br>
            <span class="m_text">Natação</span>
        </h3>
        <p>Licenciatura</p>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/franciele_correa.jpg" />
    <div class="desc">
        <h3>
			Franciele Correa
            <br>
            <span class="m_text">Natação</span>
        </h3>
        <p>Bacharel</p>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/cristiane_balsaneli.jpg" />
    <div class="desc">
        <h3>
			Cristiane Balsaneli
            <br>
            <span class="m_text">Natação</span>
        </h3>
        <p>Licenciatura</p>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/marcela_fernanda_zancanaro.jpg" />
    <div class="desc">
        <h3>
			Marcela Fernanda Zancanaro
            <br>
            <span class="m_text">Pilates</span>
        </h3>
        <p>Licenciatura</p>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/pic4.jpg" />
    <div class="desc">
        <h3>
			Marcelo
            <br>
            <span class="m_text">Lutas(Jiu-Jitsu)</span>
        </h3>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/pic4.jpg" />
    <div class="desc">
        <h3>
			Marcos
            <br>
            <span class="m_text">Lutas(Muay Thai)</span>
        </h3>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/pic4.jpg" />
    <div class="desc">
        <h3>
			Japa
            <br>
            <span class="m_text">Lutas(Box)</span>
        </h3>
        <div class="clear"></div>
    </div>
</li>
<li>
    <img src="web/images/professores/rona_presser.jpg" />
    <div class="desc">
        <h3>
			Ronã Presser
            <br>
            <span class="m_text">Lutas(Box)</span>
        </h3>
        <div class="clear"></div>
    </div>
</li>



					    	  	       	   	    	
				</ul>
				<script type="text/javascript">
			$(window).load(function() {
				$("#flexiselDemo3").flexisel({
					visibleItems: 4,
					animationSpeed: 1000,
					autoPlay: true,
					autoPlaySpeed: 3000,    		
					pauseOnHover: true,
					enableResponsiveBreakpoints: true,
			    	responsiveBreakpoints: { 
			    		portrait: { 
			    			changePoint:480,
			    			visibleItems: 1
			    		}, 
			    		landscape: { 
			    			changePoint:640,
			    			visibleItems: 2
			    		},
			    		tablet: { 
			    			changePoint:768,
			    			visibleItems: 2
			    		}
			    	}
			    });
			    
			});
		</script>
		<script type="text/javascript" src="web/js/jquery.flexisel.js"></script>
	  </div>
     </div>
	 <div class="col-md-4">
					 <h3 class="m_2">Lanchonete</h3>
					 <div class="blog_events">
					 <img src="web/images/lanchonete.jpg" style="max-width: 100%;" />
					 
				   <h4 class="m_3">Confira nossa praça de alimentação e garante seu lanche.</h4>				  
					 </div>
				 </div>
				 <div class="col-md-4">
					 <h3 class="m_2">Sobre a Quality</h3>
					 <div class="blog_events" style="padding:0px;">
					 
						<iframe src="https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FQualitylifefernando%3Ffref%3Dts&amp;width&amp;height=500&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=true&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:400px;width:100%;" allowTransparency="true"></iframe>
					 </div>
				 </div>
	       <div class="clear"></div>
     <div class="clear"></div>
     </div>

	     </div>
		</div>
	    <div class="map">
			<iframe width="100%" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=R.+Frederico+Jensen,+4155+-+Itoupavazinha,+Blumenau+-+SC&amp;aq=0&amp;oq=un&amp;sll=-26.853853,-49.1248944&amp;sspn=-26.853853,-49.1248944&amp;ie=UTF8&amp;hq=&amp;hnear=R.+Frederico+Jensen,+4155+-+Itoupavazinha,+Blumenau+-+SC;ll=-26.853853,-49.1248944&amp;spn=135.795411,68.554687&amp;t=m&amp;z=15&amp;output=embed"> </iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=United+Kingdom&amp;aq=0&amp;oq=un&amp;sll=-26.853853,-49.1248944&amp;sspn=-26.853853,-49.1248944&amp;ie=UTF8&amp;hq=&amp;hnear=United+Kingdom&amp;ll=-26.853853,-49.1248944&amp;spn=-26.853853,-49.1248944&amp;t=m&amp;z=2" style="color:#666;font-size:12px;text-align:left"> </a></small>
			<div class="opening_hours">
			 <ul class="times">
			 	<h3>Horário <span class="opening"> aberto</span></h3>
			 	<li><i class="calender"> </i><span class="week">Segunda</span><div class="hours">h.5:00-h.24:00</div>  <div class="clear"></div></li>
			 	<li><i class="calender"> </i><span class="week">Terça</span><div class="hours">h.5:00-h.24:00</div>  <div class="clear"></div></li>
			 	<li><i class="calender"> </i><span class="week">Quarta</span><div class="hours">h.5:00-h.24:00</div>  <div class="clear"></div></li>
			 	<li><i class="calender"> </i><span class="week">Quinta</span><div class="hours">h.5:00-h.24:00</div>  <div class="clear"></div></li>
			 	<li><i class="calender"> </i><span class="week">Sexta</span><div class="hours">h.5:00-h.22:30</div>  <div class="clear"></div></li>
			 	<li><i class="calender"> </i><span class="week">Sabado</span><div class="hours">h.9:00-h.12:00</div>  <div class="clear"></div></li>
			 	<li><i class="calender"> </i><span class="week">Domingo</span><div class="hours">------</div>  <div class="clear"></div></li>
			    <p>Escolha a melhor opção para encaixar no seu dia a dia. Não deixe para outro dia. </p>
			 	<h4>VAMOS LÁ!</h4>
			 </ul>
		    </div>
		 </div>
		 <div class="footer-top">
		 	<ul class="twitter_footer">
		 	 <li>
		 	   <i class="twt_icon"> </i><p>Se você não lutar por alguma coisa, será vencido por qualquer coisa.<span class="m_6">2 dias atrás</span></p>
		 	   <div class="clear"></div>
		 	 </li>
		 	</ul>
		 </div>
		 <div class="footer-bottom">
		   <div class="container">
		 	 <div class="row section group">
				<div class="col-md-3">
				   <h4 class="m_7">Fique por dentro</h4>
				   <p class="m_8">Curta a Quality e fique sempre atualizado sobre as novidades!</p>
				   <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FQualitylifefernando%3Ffref%3Dts&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;width: 180px;" allowTransparency="true"></iframe>
				</div>
				<div class="col-md-5">
					<div class="f-logo">
						<img src="web/images/logo.png" alt="" style="max-width:100%;" />
					</div>
					<p class="m_9"> Musculação | Ginástica(Jump, Step, Ritmos, Bike indoor, Pump, Zumba) | Lutas(Jiu-Jitsu, Muay Thai) | Pilates | Natação | HidroGinástica</p>
					
				</div>
				<div class="col-md-4">

					<p class="address">Endereço : &nbsp;&nbsp;&nbsp;<span class="m_10">Rua Frederico Jensen, 4135</span></p>
					<p class="address"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="m_10">Itoupavazinha | Blumenau | SC</span></p>
					<p class="address">Telefone : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="m_10">(47) 3323-7911</span></p>
					<p class="address">email: &nbsp;&nbsp;<span class="m_10">qualitylife.vendas@hotmail.com</span></p>
				</div>
				<div class="clear"></div>
	  		  </div>
		 	</div>
		 </div>
		 <div class="copyright">
		  <div class="container">
		    <div class="copy">
		        <p>© 2015 | Direitos Reservados   |   Design by <a>José Diego Zunino</a></p>
		    </div>
		   <div class="clear"></div>
		  </div>
	     </div>
</body>
</html>